<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 表单 -->
    <form action="" id="one" name="xyz1">
        <!-- 单选 -->
        <input type="radio" name="sex" id="man" checked>
        <label for="man">男</label>
        <input type="radio" name="sex" id="women">
        <label for="women">女</label>
        <!-- 选项列表 -->
        <select name="" id="list" multiple>
            <option value="西瓜">西瓜</option>
            <option value="南瓜">南瓜</option>
            <option value="黄瓜" selected>黄瓜</option>
            <option value="东瓜">东瓜</option>
        </select>
        <button id="qwe">点击</button>
        <!-- 数据列表 -->
        <input type="text" list="test">
        <datalist id="test" name="test">
            <option value="西瓜">西瓜</option>
            <option value="南瓜">南瓜</option>
            <option value="黄瓜">黄瓜</option>
            <option value="东瓜">东瓜</option>
        </datalist>

        <input type="hidden" value="24656">

        <div>
            <input type="range" id="ran" name="ran">
            <span id="number" style="display: none;">45</span>

        </div>
        <input type="tel" id="tel" name="tel" minlength="11" maxlength="11" placeholder="请输入手机号">

        <input type="submit" id="sub">
        <input type="reset" id="sub">
        <button id="sub2">提交2</button>
        <button id="sub3">重置2</button>



    </form>

  


    <script src="./index.js"></script>
</body>

</html>